<template>
	<view>
		<!-- 所有 -->
		<view class="item_status status_all" v-if="type==1">
			<uni-icons custom-prefix="iconfont" type="icon-caidan" color="#fff" size="23"
				style="font-weight: 600;"></uni-icons>
		</view>
		<!-- 待成交 -->
		<view class="item_status status_no_sale" v-if="type==2">
			<uni-icons custom-prefix="iconfont" type="icon-jianhao" color="#fff" size="23"
				style="font-weight: 600;"></uni-icons>
		</view>
		<!-- 已成交 -->
		<view class="item_status status_sale" v-if="type==3">
			<uni-icons custom-prefix="iconfont" type="icon-duigou" color="#fff" size="23"
				style="font-weight: 600;"></uni-icons>
		</view>
		<!-- 已取消 -->
		<view class="item_status status_cancel" v-if="type==4">
			<uni-icons custom-prefix="iconfont" type="icon-cuowu" color="#fff" size="23"
				style="font-weight: 600;"></uni-icons>
		</view>
		<!-- 异常单 -->
		<view class="item_status status_abnormal" v-if="type==5">
			<uni-icons custom-prefix="iconfont" type="icon-jinggao" color="#fff" size="23"
				style="font-weight: 600;"></uni-icons>
		</view>
		<!-- 充值提现类型 -->
		<!-- 充值 -->
		<view class="item_status status_sale" v-if="type==6">
			<uni-icons custom-prefix="iconfont" type="icon-xiazai" color="#fff" size="23"
				style="font-weight: 600;"></uni-icons>
		</view>
		<!-- 提现 -->
		<view class="item_status status_cancel" v-if="type==7">
			<uni-icons custom-prefix="iconfont" type="icon-shangchuan" color="#fff" size="23"
				style="font-weight: 600;"></uni-icons>
		</view>
		<!-- 充值提现状态 -->
		<!-- 审核中 -->
		<view v-if="type==8">
			<uni-icons custom-prefix="iconfont" type="icon-shizhong" color="#facc14" size="25"
				style="font-weight: 600;"></uni-icons>
		</view>
		<!-- 成功 -->
		<view v-if="type==9">
			<uni-icons custom-prefix="iconfont" type="icon-duigou" color="#0065ff" size="27"
				style="font-weight: 600;"></uni-icons>
		</view>
		<!-- 失败 -->
		<view v-if="type==10">
			<uni-icons custom-prefix="iconfont" type="icon-cuowu" color="#f05150" size="30"
				style="font-weight: 600;"></uni-icons>
		</view>
	</view>
</template>

<script>
	export default {
		props: ["type"],
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.item_status {
		width: 86rpx;
		height: 86rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 20rpx;
	}
</style>